<template>
	<view class="centent-cell">
		<u-cell-group :border="false">
			<u-cell @click="handModal" icon="/static/image/cell_security.png" :title="$t('my.security_center')"
				isLink></u-cell>
			<!-- <u-cell @click="jumpModlue('transaction-records/transaction-records')" icon="/static/image/cell_trade.png"
				:title="$t('my.transaction_record')" isLink></u-cell> -->
			<u-cell @click="jumpModlue('revenue-records/revenue-records')" icon="/static/image/cell_income.png"
				:title="$t('my.income_record')" isLink></u-cell>
			<u-cell @click="jumpModlue('consumption-records/consumption-records')" icon="/static/image/cell_consume.png"
				:title="$t('my.expenses_record')" isLink></u-cell>
			<u-cell @click="jumpModlue('withdrawal-records/withdrawal-records')" icon="/static/image/cell_drawing.png"
				:title="$t('my.withdrawal_records')" isLink></u-cell>
			<u-cell @click="jumpModlue('recharge-records/recharge-records')" icon="/static/image/cell_recharge.png"
				:title="$t('my.stored_value_record')" isLink></u-cell>
			<u-cell @click="jumpTeam" icon="/static/image/cell_team.png" :title="$t('my.my_team')" isLink></u-cell>
			<u-cell @click="jumpContactCustomerService" icon="/static/image/cell_customer.png"
				:title="$t('my.internet_customer_service')" isLink></u-cell>
		</u-cell-group>
	</view>
</template>

<script setup>
	const emit = defineEmits('handModal')

	const jumpModlue = (url) => {
		if (!url) return;
		uni.navigateTo({
			url: `/pages/my_actions/${url}`
		})
	}

	const jumpTeam = () => {
		uni.switchTab({
			url: '/pages/team_actions/index'
		})
	}

	const jumpContactCustomerService = () => {
		uni.navigateTo({
			url: '/pages/index_actions/contact-customer-service/contact-customer-service'
		})
	}

	const handModal = () => {
		emit('handModal', true)
	}
</script>

<style scoped lang="scss">
	:deep(.u-cell__body) {
		padding: 15px 15px;
	}

	.centent-cell {
		border-radius: 20rpx;
		background-color: #FFFFFF;
		box-shadow: 0 1.2077vw .28986vw rgba(75, 98, 157, .11);
	}
</style>